@vw: 3.75vw;
@theme-color: #ef8531;
@nav-bar-title-font-size: (22 / @vw);
@nav-bar-height: (46 / @vw);
@tabbar-height: (50 / @vw);
@tabbar-item-active-color: @theme-color;

@cell-line-height = (24 / @vw);
@cell-vertical-padding= (10/@vw);
@cell-icon-size = (16 / @vw);
@cell-group-title-line-height = (16/@vw)

@font-size-xs: (10 / @vw);
@font-size-md: (14 / @vw);
@font-size-sm: (12 / @vw);
@font-size-lg: (16 / @vw);
@line-height-xs: (14 / @vw);
@line-height-sm: (18 / @vw);
@line-height-md: (20 / @vw);
@line-height-lg: (22 / @vw);

@padding-base: (4 / @vw);
@font-size-xs: (10 / @vw);
@font-size-sm: (12 / @vw);
@font-size-md: (14 / @vw);
@font-size-lg: (16 / @vw);
@line-height-xs: (14 / @vw);
@line-height-sm: (18 / @vw);
@line-height-md: (20 / @vw);
@line-height-lg: (22 / @vw);
@border-width-base: (1 / @vw);
@border-radius-sm: (2 / @vw);
@border-radius-md: (4 / @vw);
@border-radius-lg: (8 / @vw);
@border-radius-max: (999 / @vw);
@action-sheet-header-height: (48 / @vw);
@action-sheet-close-icon-size: (22 / @vw);
@address-list-item-font-size: (13 / @vw);
@address-list-edit-icon-size: (20 / @vw);
@badge-size: (16 / @vw);
@badge-padding: 0 (3 / @vw);
@badge-dot-size: (8 / @vw);
@button-mini-height: (24 / @vw);
@button-small-height: (32 / @vw);
@button-large-height: (50 / @vw);
@button-default-height: (44 / @vw);
@calendar-header-box-shadow: 0 (10 / @vw) (10 / @vw) rgba(125, 126, 128, 0.16);
@calendar-header-title-height: (44 / @vw);
@calendar-weekdays-height: (30 / @vw);
@calendar-month-mark-font-size: (160 / @vw);
@calendar-day-height: (64 / @vw);
@calendar-selected-day-size: (54 / @vw);

html,
body {
  padding: 0;
  margin: 0;
  height: 100vh;
}
